<template>
    <div class="mainDiv">
        <el-tabs v-model="activeName" type="card">
            <el-tab-pane label="部门管理" name="DepMana"><DepMana/></el-tab-pane>
            <el-tab-pane label="职位管理" name="EcMana"><EcMana/></el-tab-pane>
            <el-tab-pane label="职称管理" name="JobLevelMana"><JobLevelMana/></el-tab-pane>
            <el-tab-pane label="奖惩规则" name="PosMana"><PosMana/></el-tab-pane>
            <el-tab-pane label="权限组" name="PermissMana"><PermissMana/></el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
    import DepMana from "@/components/sys/basic/DepMana";
    import EcMana from "@/components/sys/basic/PosiMana";
    import JobLevelMana from "@/components/sys/basic/JobLevelMana";
    import PermissMana from "@/components/sys/basic/PermissMana";
    import PosMana from "@/components/sys/basic/EcMana";

    export default {
        name: "SysBasic",
        data(){
            return {
                activeName:"DepMana"
            }
        },
        components: {
            DepMana,
            EcMana,
            JobLevelMana,
            PermissMana,
            PosMana
        }
    }
</script>

<style>
.mainDiv {
    margin-left: 10px;
}
</style>